<template>
    <div>
        <ul>
            <li v-for="(item, index) in list" :key="index">
                <router-link :to="`/article/${item.id}`">{{item.title}}</router-link>
            </li>
        </ul>
    </div>
</template>
<script>
    export default {
        props: {
            list: {
                type: Array,
                required: true
            }
        }
        // asyncData 在非页面组件中不能使用
    }
</script>
<style lang="scss" scoped>
    
</style>